<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>费项管理</title>
    <link rel="stylesheet" href="src/libs/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="src/css/reset.css">
    <link rel="stylesheet" href="src/css/manage.css">
</head>
<body>
    <div class="pt-page">

        <!--主视口 -->
        <div class="pt-view pt-open manage-wrap">
            <!--数据-->
            <div class="manage-data">
                <div class="manage-title">数据</div>
                <div class="manage-data-wrap row">
                    <!--收缴费业务跟踪-->
                    <div class="manage-data-bussiness manage-data-wrap-item col-sm-12 col-md-6">
                        <div class="manage-data-wrap-item-bd">
                            <div class="manage-data-title"><img src="src/images/data-nav1.png" alt="" class="title-bg"><span class="title-txt">收缴费业务跟踪</span></div>
                            <div class="manage-data-list afcl">
                                <div class="manage-data-item w-33">
                                    <div class="manage-data-number">
                                        <span class="fs36">10</span>笔
                                    </div>
                                    <div class="mange-data-content">本月办理中清单数量</div>
                                </div>

                                <div class="manage-data-item w-33">
                                    <div class="manage-data-number">
                                        <span class="fs36">5</span>笔
                                    </div>
                                    <div class="mange-data-content">本月已办理清单数量</div>
                                </div>

                                <div class="manage-data-item w-33">
                                    <div class="manage-data-number">
                                        <span class="fs36">4</span>笔
                                    </div>
                                    <div class="mange-data-content">本月总计清单数量</div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--账户信息-->
                    <div class="manage-data-account manage-data-wrap-item col-sm-12 col-md-6">
                        <div class="manage-data-wrap-item-bd">
                            <div class="manage-data-title"><img src="src/images/data-nav2.png" alt="" class="title-bg"><span class="title-txt">监管账号余额</span></div>
                            <div class="manage-data-list afcl">
                                <div class="manage-data-item w-50">
                                    <div class="manage-data-number">
                                        <span class="fs36">￥1000,000</span>万
                                    </div>
                                    <div class="mange-data-content">人民币<br/>账户</div>
                                </div>
                                <div class="manage-data-item w-50">
                                    <div class="manage-data-number">
                                        <span class="fs36">$1000,000</span>万
                                    </div>
                                    <div class="mange-data-content">外币<br/>账户</div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--作业放行情况-->
                    <div class="manage-data-task manage-data-wrap-item col-sm-12 col-md-6 no-mb" >
                        <div class="manage-data-wrap-item-bd">
                            <div class="manage-data-title"><img src="src/images/data-nav3.png" alt="" class="title-bg"><span class="title-txt">作业放行情况</span></div>
                            <div class="manage-data-list afcl">
                                <div class="manage-data-item w-33">
                                    <div class="manage-data-number">
                                        <span class="fs36">23</span>笔
                                    </div>
                                    <div class="mange-data-content"><span class="fcorange">本月未放行</span>清单数</div>
                                </div>

                                <div class="manage-data-item w-33">
                                    <div class="manage-data-number">
                                        <span class="fs36">10</span>笔
                                    </div>
                                    <div class="mange-data-content">本月已经放行清单数</div>
                                </div>

                                <div class="manage-data-item w-33">
                                    <div class="manage-data-number">
                                        <span class="fs36">12</span>笔
                                    </div>
                                    <div class="mange-data-content">本月总计清单数</div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--缴费情况-->
                    <div class="manage-data-pay manage-data-wrap-item col-sm-12 col-md-6 no-mb">
                        <div class="manage-data-wrap-item-bd">
                            <div class="manage-data-title"><img src="src/images/data-nav4.png" alt="" class="title-bg"><span class="title-txt">缴费渠道情况</span></div>
                            <div class="manage-data-list afcl">
                                <div class="manage-data-item w-50">
                                    <p class="item-title">人民币账户</p>
                                    <div class="manage-data-item-btm afcl">
                                        <div class="pt-fl w-50">
                                            <div class="manage-data-number">
                                                <span class="fs36">10</span>万
                                            </div>
                                            <div class="mange-data-content">线上</div>
                                        </div>
                                        <div class="pt-fl w-50">
                                            <div class="manage-data-number">
                                                <span class="fs36">5</span>万
                                            </div>
                                            <div class="mange-data-content">线下</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="manage-data-item w-50">
                                    <p class="item-title">外币账户</p>
                                    <div class="manage-data-item-btm afcl">
                                        <div class="pt-fl w-50">
                                            <div class="manage-data-number fs16">
                                                <span class="fs46">10</span>万
                                            </div>
                                        </div>
                                        <div class="pt-fl w-50">
                                            <div class="manage-data-number">
                                                <span class="fs36">5</span>万
                                            </div>
                                            <div class="mange-data-content">线下</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--echeats-->
            <div class="manage-company row">
                <!--企业收缴费情况趋势-->
                <div class="manage-company-pay manage-company-item col-sm-6">
                    <div class="manage-company-item-bd">
                        <div class="manage-title">企业收缴费情况趋势</div>
                        <div class="manage-company-content">
                            <img src="src/images/echeats01.jpg" alt="" width="409">
                        </div>
                    </div>
                </div>
                <!--企业业务办理情况-->
                <div class="manage-company-business manage-company-item col-sm-6">
                    <div class="manage-company-item-bd">
                        <div class="manage-title">企业收缴费情况趋势</div>
                        <div class="manage-company-content row">
                            <div class="col-xs-6">
                                <img src="src/images/echeats02.jpg" alt="" >
                            </div>
                            <div class="col-xs-6">
                                <img src="src/images/echeats03.jpg" alt="" >
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 收缴费/放行清单 -->
            <div class="manage-sjfxlist">
                <p class="manage-title">收缴费/放行清单</p>
                <div class="manage-sjfxlist-bd row">
                    <div class="sjfxlist-bd col-xs-12">
                        <table>
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>清单号</th>
                                    <th>创建日期</th>
                                </tr>
                                <tr>
                                    <th colspan="3" class="noborder"></td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>1</td>
                                    <td class="mid-td">3222217988067888</td>
                                    <td>2018-01-01</td>
                                </tr>
                                <tr>
                                    <td colspan="4" class="noborder"></td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td class="mid-td">3222217988067888</td>
                                    <td>2018-01-01</td>
                                </tr>
                                <tr>
                                    <td colspan="4" class="noborder"></td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td class="mid-td">3222217988067888</td>
                                    <td>2018-01-01</td>
                                </tr>
                                <tr>
                                    <td colspan="4" class="noborder"></td>
                                </tr>                                    
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <script src="src/libs/jquery/jquery-1.11.3.min.js"></script>
    <!-- 1 bootstrap基础js -->
    <script src="src/libs/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="src/js/manage.js"></script>
</body>
</html>